1<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="../css/layui.css"/>
	</head>
	<style>
		.tip{
			display: none;1
			color: #01AAED;
		}
		li:hover span{
			display: block;
			position: absolute; 
			}
	</style>
	<body>
		<ul class="layui-nav" lay-filter="">
		  <li class="layui-nav-item"><a href="">最新活动</a></li>
		  <li class="layui-nav-item layui-this"><a href="">产品</a></li>
		  <li class="layui-nav-item"><a href="">大数据</a></li>
		  <li class="layui-nav-item">
		    <a href="javascript:;">解决方案</a>
		    <dl class="layui-nav-child"> <!-- 二级菜单 -->
		      <dd><a href="">移动模块</a></dd>
		      <dd><a href="">后台模版</a></dd>
		      <dd><a href="">电商平台</a></dd>
		    </dl>
		  </li>
		  <li class="layui-nav-item">
			  <a href="">社区</a>
			  <span class="tip">提示文本</span>
			  </li>
			 
		</ul>
		  <div id="test1"></div>
		<script src="layui.all.js"></script>
		<script>
		//注意：导航 依赖 element 模块，否则无法进行功能性操作
		layui.use(['element','laypage'], function(){
		  var element = layui.element;
		  var laypage = layui.laypage;
		//执行一个laypage实例
		  laypage.render({
		    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
		    ,count: 50 //数据总数，从服务端得到
		  });
		});
		</script>
		</html>
	</body>
</html>
